/***
 * 按钮颜色
 ***/

 /* 直接覆盖 Element Plus 默认样式 */
/* 极简版 */
.el-popper {
  background: #eff1f3 !important;
  color: #000000 !important;
  font-style: italic !important;
  border-radius: 16px !important; /* 推荐：圆润但不失稳重 */
}
.el-popper .el-popper__arrow::before {
  border-radius: 2px !important; /* 让箭头根部也圆润 */
}
/* 让 EL 按钮 primary 恢复官方蓝 */
.el-button.el-button--primary {
  background-color: var(--el-color-primary) !important;
  border-color: var(--el-color-primary) !important;
  color: #fff !important;
}
.el-button.el-button--primary:hover {
  background-color: var(--el-color-primary-light-3) !important;
  border-color: var(--el-color-primary-light-3) !important;
}
/* 恢复 danger 按钮红色 */
.el-button.el-button--danger {
  background-color: var(--el-color-danger) !important;
  border-color: var(--el-color-danger) !important;
  color: #fff !important;
}
.el-button.el-button--danger:hover {
  background-color: var(--el-color-danger-light-3) !important;
  border-color: var(--el-color-danger-light-3) !important;
}
/* 禁用 danger → 官方浅红 */
body .el-button.el-button--danger.is-disabled,
body .el-button.el-button--danger:disabled {
  background-color: var(--el-color-danger-light-8) !important;
  border-color: var(--el-color-danger-light-6) !important;
  color: var(--el-color-danger) !important;
  opacity: 0.6;
}

/* 禁用 primary → 官方浅蓝 */
body .el-button.el-button--primary.is-disabled,
body .el-button.el-button--primary:disabled {
  background-color: var(--el-color-primary-light-8) !important;
  border-color: var(--el-color-primary-light-6) !important;
  color: var(--el-color-primary) !important;
  opacity: 0.6;
}

/* ========== 基础按钮 ========== */
body .el-button.el-button--default {
  background-color: var(--el-button-bg-color) !important;
  border-color: var(--el-button-border-color) !important;
  color: var(--el-button-text-color) !important;
}
body .el-button.el-button--default:hover {
  background-color: var(--el-button-hover-bg-color) !important;
  border-color: var(--el-button-hover-border-color) !important;
  color: var(--el-button-hover-text-color) !important;
}
body .el-button.el-button--default.is-disabled,
body .el-button.el-button--default:disabled {
  background-color: var(--el-button-disabled-bg-color) !important;
  border-color: var(--el-button-disabled-border-color) !important;
  color: var(--el-button-disabled-text-color) !important;
  opacity: var(--el-disabled-opacity);
}

/* ========== 成功按钮 ========== */
body .el-button.el-button--success {
  background-color: var(--el-color-success) !important;
  border-color: var(--el-color-success) !important;
  color: #fff !important;
}
body .el-button.el-button--success:hover {
  background-color: var(--el-color-success-light-3) !important;
  border-color: var(--el-color-success-light-3) !important;
}
body .el-button.el-button--success.is-disabled,
body .el-button.el-button--success:disabled {
  background-color: var(--el-color-success-light-8) !important;
  border-color: var(--el-color-success-light-6) !important;
  color: var(--el-color-success) !important;
  opacity: 0.6;
}

/* ========== 信息按钮 ========== */
body .el-button.el-button--info {
  background-color: var(--el-color-info) !important;
  border-color: var(--el-color-info) !important;
  color: #fff !important;
}
body .el-button.el-button--info:hover {
  background-color: var(--el-color-info-light-3) !important;
  border-color: var(--el-color-info-light-3) !important;
}
body .el-button.el-button--info.is-disabled,
body .el-button.el-button--info:disabled {
  background-color: var(--el-color-info-light-8) !important;
  border-color: var(--el-color-info-light-6) !important;
  color: var(--el-color-info) !important;
  opacity: 0.6;
}

/* ========== 警告按钮 ========== */
body .el-button.el-button--warning {
  background-color: var(--el-color-warning) !important;
  border-color: var(--el-color-warning) !important;
  color: #fff !important;
}
body .el-button.el-button--warning:hover {
  background-color: var(--el-color-warning-light-3) !important;
  border-color: var(--el-color-warning-light-3) !important;
}
body .el-button.el-button--warning.is-disabled,
body .el-button.el-button--warning:disabled {
  background-color: var(--el-color-warning-light-8) !important;
  border-color: var(--el-color-warning-light-6) !important;
  color: var(--el-color-warning) !important;
  opacity: 0.6;
}
